@charset "gb2312";/* CSS Document*/
.top_bg {
	height: 234px;
	background: url(../images/top_bg.gif) repeat-x;
	position: relative;
	z-index: 10;
}
.top {
	height: 30px;
	line-height: 30px;
	color: #666;
}
.top a {
	color: #666;
}
.top a:hover {
	color: #666;
}
.topNavSe {
	width: 300px;
}
.topNavSe p {
	float: right;
	background: #4C931C;
	padding: 0 15px 0 15px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
.topNavSe p i {
	background: url(../images/tubiao.png) no-repeat 0px 2px;
	height: 23px;
	width: 23px;
	margin-right: 8px;
	background-size: 100%;
}
.topNavSe a {
	color: #666;
	padding: 0px 5px;
	float: right;
}
.topNavSe a:hover {
	color: #666;
}
.header .r_nav {
	width: 129px;
	float: right;
	position: relative;
}
.language a {
	color: #838383;
	font-size: 12px;
	text-transform: uppercase;
	padding: 0 10px 0 25px;
	background: url(../images/en.jpg) no-repeat left center;
}
.logo {
/*	height: 80px;
	margin-bottom: 10px;*/
}
.tell {
	background: url(../images/tell.jpg) no-repeat 0px 2px;
	padding-left: 25px;
	background-size: 8%;
	padding-right: 90px;
}
.tell span {
	color: #6c6c6a;
	font-size: 14px;
	line-height: 30px;
}
.tell p {
	font-size: 30px;
	font-weight: bold;
	color: #333;
	line-height: 25px;
	position: relative;
	left: -120px;
	top: 5px;
}
.h_con {
	height: 104px;
	padding: 40px 0 0;
}
.menu {
	height: 60px;
	width: 100%;
}
.menu ul {
	width: 1200px;
	margin: 0 auto;
}
.menu li {
	height: 60px;
	float: left;
	background: url(../images/nav_bor.gif) no-repeat right 19px;
	position: relative;
	margin-left: -1px;
}
.menu li a {
	font-size: 15px;
	color: #fff;
	padding: 0px 36px;
	display: block;
	line-height: 60px;
}
.menu li a:hover {
	background: #333;
	-webkit-transition: height .3s;
	transition: height .3s;
}
.title {
	background: url(../images/cp_line01.png) no-repeat center 45px;
	height: 120px;
	margin-top: 40px;
}
.title h3 {
	text-align: center;
	line-height: 40px;
	font-size: 42px;
	color: #333;
	font-weight: bold;
}
.title p {
	display: block;
	font-size: 18px;
	color: #333;
	font-weight: normal;
	padding: 30px 0 0;
	text-align: center;
}
.col_61 {
	color: #616161;
}
.col_0a {
	color: #0a4ea2;
}
strong {
	font-weight: 700;
}
a {
	color: #333;
}
a:hover {
	color: #333;
	text-decoration: none;
}
.center {
	width: 1200px;
	margin: 0 auto;
}
/**seach**/
.iseaCon {
	height: 40px;
	border-bottom: 1px solid #e3e3e3;
}
.hotSea, .hotSea a {
	color: #6c6c6c;
	line-height: 40px;
}
.hotSea a {
	margin: 0px 6px;
}
.hotSea a:hover {
	color: #333;
}
.hotSea a:first-child {
	margin-left: 0px;
}
.search {
	position: relative;
	width: 290px;
	background: #ededed;
	height: 30px;
	margin-top: 5px;
}
.search_text {
	width: 184px;
	height: 30px;
	background: #ededed;
	color: #828282;
	border: 0px;
	padding-left: 5px;
	outline: none;
	line-height: 30px\9
}
.search_select {
	width: 51px;
	height: 30px
}
.search_select select {
	display: none
}
.select_box {
	position: relative;
	height: 20px;
}
.search_select .select_showbox {
	width: 40px;
	color: #989898;
	background: url(../images/seaBg.png) no-repeat right center;
	line-height: 13px;
	border-left: 1px solid #dedede;
	padding-left: 8px;
	margin: 8px 0px
}
.select_option {
	position: absolute;
	top: 22px;
	border: 1px solid #dddddd;
	border-top: 0px;
	background: #fff;
	right: -4px;
	width: 53px;
	line-height: 24px;
	display: none;
	background: #ededed;
}
.select_option li {
	padding-left: 9px;
	color: #989898
}
.select_option li.hover {
	background: #f9f9f9;
}
.search_button {
	background: #ccc;
}
/**menu**/
.tel h3 span {
	font-size: 14px;
	color: #6c6c6c;
}
.tel h3 p {
	font-size: 28px;
	line-height: 30px;
	color: #0068af;
	font-family: impact;
}
/**首页产品分类**/
.sy_cpfl2 {
	width: 254px;
	background: #f3f3f3;
	float: left;
}
.sy_cpfl2 h3 {
	background: #333;
	height: 145px;
	line-height: 145px;
	overflow: hidden;
	font-size: 36px;
	color: #fff;
	display: block;
	text-align: center;
}
.sy_cpfl2 li {
}
.sy_cpfl2 li a {
	display: block;
	font-size: 18px;
	color: #333;
	height: 50px;
	line-height: 50px;
	border-bottom: #cbcbcb 1px solid;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding-left: 40px;
}
.sy_cpfl2 li:hover li {
	display: block;
}
.sy_cpfl2 li a:hover {
	color: #333;
	font-weight: bold;
}
.sy_cpfl2 li ul {
	display: block;
}
.sy_cpfl2 li ul li {
	display: none;
}
.sy_cpfl2 li ul li a {
	font-size: 14px;
	background: url(../images/cp_ico05.gif) no-repeat 55px 20px;
	padding: 0 0 0 74px;
	width: 180px;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	border-bottom: 1px #dddd dashed;
	color: #333;
	display: block;
}
.sy_cpzs {
	width: 920px;
	height: 640px;
	float: right;
}
.sy_cpzs ul {
}
.sy_cpzs ul li {
	float: left;
	margin-right: 13px;
	margin-bottom: 20px;
	border: 1px #eee solid;
	height: 263px;
}
.sy_cpzs ul li:nth-child(3) {
	margin-right: 0;
}
.sy_cpzs ul li:nth-child(6) {
	margin-right: 0;
}
.sy_cpzs ul li span {
	height: 44px;
	display: BLOCK;
	width: 284px;
	text-align: center;
	line-height: 44px;
	font-size: 16px;
	background: #fff;
}
.sy_cpzs ul li span a {
	color: #444;
	display: block;
}
/*荣誉资质*/
.honor {
	background: url(../images/honor_bg.jpg) no-repeat center 0;
	height: 520px;
	overflow: hidden;
}
.honor p {
	font-size: 18px;
	color: #fff;
	padding: 335px 0 0 50px;
	float: left;
}
.honor_m {
	padding: 150px 0 0;
	width: 850px;
	margin-right: 0px;
}
.honor_m ul li {
	background: url(../images/honor_k.png) no-repeat;
	width: 295px;
	height: 310px;
	float: left;
}
.honor_m ul li a {
	display: block;
	width: 295px;
	height: 310px;
}
.honor_m ul li em {
	width: 200px;
	height: 267px;
	margin: 0 auto;
	display: block;
}
.honor_m ul li em img {
	width: 200px;
	height: 267px;
}
#demo1p {
	list-style: none outside none;
	overflow: hidden;
	width: 800px;
	float: right;
}
#indemo1p {
	float: left;
	width: 800%;
}
#demo1p1 {
	float: left;
}
#demo1p2 {
	float: left;
}
/*优势*/
.ys_bg {
	background: url(../images/ys_bg.jpg) no-repeat center 0;
	height: 790px;
	overflow: hidden;
	padding-bottom: 40px;
}
.ys .chanp_t, .about .chanp_t {
	background: url(../images/cp_line.png) no-repeat center 50px;
}
.ys dl {
	width: 300px;
	float: left;
	height: 600px;
	background: #f1f1f1;
}
.ys dl dt {
	width: 300px;
	height: 300px;
	position: relative;
	line-height: 0;
}
.ys dl dt img {
	width: 300px;
	height: 300px;
}
.ys dl dt em {
	width: 300px;
	height: 300px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
}
.ys dl dd {
	width: 250px;
	margin: 0 auto;
	text-align: center;
	padding: 40px 0 0;
}
.ys dl dd h5 {
	font-size: 24px;
	color: #333;
	line-height: 32px;
	height: 75px;
}
.ys dl dd h5 span {
	display: block;
	font-size: 18px;
	font-weight: normal;
}
.ys dl dd p {
	font-size: 16px;
	color: #666;
	line-height: 2em;
	height: 125px;
	overflow: hidden;
	padding: 15px 0 0;
}
.ys .ys_dl02 {
	background: #f8f7f8;
}
.ys dl:hover {
	background: #333;
}
.ys dl:hover dt em {
	display: none;
}
.ys dl:hover dd h5 {
}
.ys dl:hover dd h5, .ys dl:hover dd p {
	color: #fff;
}
/**/
.video {
	background: url(../images/video_bg.jpg) no-repeat center 0;
	height: 560px;
	overflow: hidden;
	padding: 83px 0 0;
}
.video_l {
	width: 566px;
	height: 560px;
}
.video_btn {
	width: 566px;
	height: 560px;
}
.video_btn a {
	width: 566px;
	height: 560px;
	display: block;
}
#open_window {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
.video_m {
	background: #eee;
	width: 1000px;
	height: 563px;
	z-index: 1000;
	margin: 10% auto;
	overflow: auto;
}
.xx {
	font-size: 22px;
	color: #000;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	background: #fff;
	z-index: 1002;
}
.video_con {
	width: 1000px;
	height: 563px;
	overflow: hidden;
}
.video_con img {
	width: 1000px;
	height: 563px;
}
.video_r {
	width: 600px;
	padding: 80px 0 0;
}
.video_r h5 a {
	font-size: 42px;
	color: #fff;
	display: block;
	padding: 0 0 0 35px;
	font-weight: 600;
}
.video_r h5 span {
	display: block;
	font-size: 30px;
	font-weight: normal;
}
.video_r ul {
	height: 140px;
}
.video_r ul li {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	padding: 0 0 0 40px;
	width: 260px;
	float: left;
}
.video_r ul li a {
	font-size: 18px;
	color: #fff;
	padding: 0 0 0 20px;
	background: url(../images/video_ico02.png) no-repeat 0 23px;
	display: block;
	width: 240px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.video_r ul li a:hover {
	font-weight: bold;
}
.video_r p {
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	padding-left: 40px;
}
.video_left {
	width: 520px;
	height: 520px;
	float: left;
}
.video_left a {
	width: 520px;
	height: 520px;
	display: block;
}
/**/

#pro {
	width: 1200px;
	margin: 0 auto;
	height: 650px;
}
.ipro {
	margin-top: 4px;
	margin: auto;
}
.ipro div {
	float: left;
	_width: 380px;
	text-align: center;
	margin-bottom: 5px;
	padding-right: 10px;
}
.ipro h3 {
	width: 380px;
	height: 285px;
}
.ipro h3 a {
	width: 380px;
	height: 285px;
	padding: 1px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #eee;
}
.ipro h3 img {
	vertical-align: middle;
}
.ipro p {
}
.ipro p a {
	color: #333;
	font-weight: normal;
	line-height: 40px;
	font-size: 16px;
}
.ipro p a:hover {
	text-decoration: underline;
}
.inews1 {
	width: 1200px;
	margin: 0 auto;
}
.wd {
	width: 410px;
	padding: 0 20px 20px;
	box-shadow: 0px 0px 21px #d0d0d0;
	height: 500px;
	float: left;
}
.wd_t {
	height: 70px;
	overflow: hidden;
	line-height: 70px;
}
.wd_t a {
	font-size: 24px;
	color: #333;
}
.wd_t a:hover, .wd dl dd h5 a:hover, .news dl dd h5 a:hover {
	color: #333;
}
.wd_t span {
	float: right;
}
.wd_t span a {
	font-size: 14px;
	color: #999;
	text-transform: uppercase;
}
.wd ul img {
	width: 410px;
	height: 230px;
	overflow: hidden;
	line-height: 0;
}
.wd h5 {
	height: 30px;
	line-height: 30px;
	font-weight: normal;
	margin-top: 15px;
	font-size: 16px;
}
.wd_desc {
	font-size: 14px;
	padding-top: 10px;
	color: #666;
	line-height: 25px;
	height: 75px;
	overflow: hidden;
}
.wd em {
	width: 118px;
	display: block;
	padding-top: 15px;
}
.wd em a {
	font-size: 14px;
	color: #333;
	display: block;
	width: 116px;
	text-align: center;
	height: 32px;
	line-height: 32px;
	border: #333 1px solid;
	border-radius: 5px;
}
.wd em a:hover {
	background: #333;
	color: #fff;
}
.hot_rx {
	background: #f9f9f9;
	padding-top: 20px;
	padding-bottom: 70px;
	height: 460px;
}
.inew_a {
	width: 700px;
	float: right;
}
.inew_b {
	width: 620px;
	padding: 2px;
	color: #636161;
	position: relative;
	margin-bottom: 20px;
	box-sizing: border-box;
	margin-right: 20px;
	border-bottom: 1px #ddd dashed;
	height: 110px;
}
.inew_b_right {
	width: 620px;
	float: right;
}
.inew_b p {
	font-size: 16px;
	font-weight: normal;
	display: block;
	position: relative;
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 2em;
	float: left;
}
.inew_b b {
	float: right;
	font-size: 14px;
	line-height: 35px;
}
.inew_b p a {
	color: #000;
}
.inew_b span {
	display: block;
	line-height: 2em;
	float: left;
}
.goto {
	color: #333;
	opacity: 1;
	float: right;
	display: block;
}
.itel {
	margin-top: 20px;
	float: right;
}
/**ban**/
html {
	overflow-x: hidden
}
.ban {
	position: relative;
	width: 1000px;
	height: 700px;
	margin: 0px auto;
}
.banPa {
	left: -460px;
	position: absolute;
}
#foucsBox {
	margin: 0 auto;
	padding: 0;
	width: 1920px;
	height: 850px;
	overflow: hidden;
	zoom: 1;
	position: relative;
}
#foucsBox .imgCon {
	width: 1920px;
	height: 850px;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}
#foucsBox .imgCon li {
	float: left;
	width: 1920px;
	height: 700px;
}
#foucsBox .imgCon li img {
	width: 1920px;
	height: 700px;
	margin-top: 150px;
}
#foucsBox .foucs {
	width: 680px;
	height: 22px;
	position: absolute;
	bottom: 3px;
	text-align: center;
	z-index: 3;
}
#foucsBox .foucsButton {
	width: 37px;
	height: 37px;
	position: absolute;
	bottom: 0px;
	z-index: 4;
}
#foucsBox .foucsButton span {
	display: inline;
	width: 37px;
	height: 37px;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/banCoin.png) no-repeat;
}
#foucsBox .foucsButton img {
	display: none;
}
#foucsBox .lBtn {
	left: 0px;
}
#foucsBox .lBtn span {
	float: left;
	background-position: 0px 0px;
}
#foucsBox .rBtn {
	left: 37px;
}
#foucsBox .rBtn span {
	float: right;
	background-position: -37px 0px;
}
/**浜у搧**/
.iproWarp {
	background: #f9f9f9;
	height: 630px;
}
.iproLeft {
	width: 245px;
}
.iproLeft .tit {
	background: #333;
	padding: 29px 0px;
	color: #fff;
}
.iproLeft .tit p {
	color: #989898;
}
.proSide {
}
.proSide li {
	height: 67px;
	line-height: 67px;
	border-top: 1px solid #dcdcdc;
	float: left;
	width: 245px;
}
.proSide li:first-child {
	border-top: 0px;
}
.proSide li a {
	display: block;
	color: #000;
	background: url(../images/proType.png) no-repeat 28px 30px #f0f0f0;
	padding-left: 45px;
}
.proSide li a:hover, .proSide li a.cur {
	color: #fff;
	background: url(../images/proType.png) no-repeat 28px -69px #ff9c00;
}
.iproRight {
	width: 835px;
}
.iproRight .tit {
	height: 60px;
	line-height: 60px;
	border: 1px solid #cacaca;
}
.iproRight .tit span.protab {
	color: #2a2a2a;
	cursor: pointer;
	float: left;
	width: 273px;
}
.iproRight .tit span.prohov {
	color: #fff;
	background: #ff9c00;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.protab_con {
	display: none;
}
.protab_con0 {
	display: block;
}
.od1 {
	background: url(../images/od1.jpg) no-repeat top center;
	height: 260px;
	margin-top: 30px;
}
.od1 span {
	float: left;
	margin-top: 175px;
	height: 50px;
	font-size: 20px;
	color: #fff;
	padding-left: 35px;
	margin-left: 67px;
	display: inline-block;
}
.od1 span b {
	font-size: 28px;
	font-weight: bold;
}
.od1 span a {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	width: 226px;
	background: #f48000;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	margin-left: 325px;
}
.w940 {
	width: 940px;
}
.lct {
	display: block;
	height: 590px;
	background: url(../images/lctBg.jpg) no-repeat center top;
	font-family: "Microsoft YaHei";
	margin: 0px 0 0 0;
}
.lct h2 {
	display: block;
	padding-top: 49px;
	height: 127px;
	text-align: center;
}
.lct h2 a {
	color: #333333;
	font-size: 36px;
}
.lct h2 i {
	display: block;
	font-size: 16px;
	font-weight: normal;
	text-transform: uppercase;
	font-style: normal;
	color: #bdbdbd;
	line-height: 32px;
}
.lct .lct-wrp {
	display: block;
	overflow: hidden;
	height: 350px;
	width: 960px;
}
.lct-wrp dl {
	display: block;
	overflow: hidden;
	float: left;
	width: 100px;
	margin-right: 130px;
	text-align: center;
	height: 182px;
	cursor: pointer;
}
.lct-wrp dt {
	display: block;
	width: 100px;
	height: 100px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.prod {
	padding-top: 20px;
	float: right;
	width: 100%;
}
.ipro_detail {
	border: 1px #ccc solid;
	margin: 0px 0px 8px;
	padding: 12px 10px 12px 12px;
	background: #fff;
}
.ipro_detail2 {
	width: 765px;
	height: 260px;
	border: 1px #ccc solid;
	margin: 0px 0px 8px;
	padding: 10px 10px;
	background: #fff;
}
.zcrx {
	background: url(../images/lfte_tel.png) no-repeat left top;
	padding: 0 0 0 50px;
	margin: 5px 10px 13px 0px;
}
.zcrx span {
	color: #ffc53b;
	font-size: 14px;
	line-height: 16px;
}
.zcrx p {
	font-size: 24px;
	color: #56667c;
	font-family: impact;
}
.adv1 {
	background: url(../images/adv1.jpg) no-repeat center #0568B3;
	height: 222px;
	margin: 35px 0 0 0;
}
/**鏂伴�?*/
.newWarp {
	margin-top: 40px;
}
.newList {
	width: 785px;
}
.newList .tit {
	width: 783px;
	height: 44px;
	line-height: 44px;
	background: #efefef;
	border: 1px solid #dadada;
}
.newList .tit .newtab {
	float: left;
	width: 261px;
	color: #2a2a2a;
	cursor: pointer;
}
.newList .tit .newhov {
	background: #ff9c00;
	color: #fff;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.newList .newtab_con .only {
	margin: 20px 0px 15px;
}
.newList .newtab_con .only h2 {
	width: 255px;
}
.newList .newtab_con .only h3 {
	width: 510px;
}
.newList .newtab_con .only h3 span {
	color: #383838;
}
.newList .newtab_con .only h3 p {
	color: #686868;
	line-height: 24px;
	margin: 4px 0px;
}
.newList .newtab_con .only h3 a {
	color: #ff9c00;
	margin-left: -7px;
}
.newList .newtab_con .list {
	font-family: 'Microsoft YaHei';
	font-size: 14px;
	background: url(../images/news-ico.gif) no-repeat left center;
	padding-left: 14px;
	float: left;
	width: 770px;
	line-height: 30px;
}
.newList .newtab_con .list a {
	color: #616161;
	width: 675px;
	background: url(../images/news-bor.gif) no-repeat right center;
}
.newList .newtab_con .list a:hover {
	color: #ff9c00;
}
.newList .newtab_con .list span {
	color: #7f7f7f;
}
.newtab_con {
	display: none;
}
.newtab_con0 {
	display: block;
}
.newAsk {
	width: 305px;
}
.newAsk .tit {
	border: 1px solid #dadada;
	height: 44px;
	line-height: 44px;
	padding: 0px 15px;
}
.newAsk .tit span {
	color: #ff9c00;
}
.newAsk .tit span em {
	color: #404040;
}
.newAsk .tit a {
	color: #333;
}
.newAsk .tit a:hover {
	color: #ff9c00;
}
.newAsk ul {
	margin-top: 12px;
	overflow: hidden;
	height: 375px;
}
.newAsk ul li {
	padding: 10px 5px 10px 15px;
	float: left;
	width: 285px;
}
.newAsk ul li em {
	width: 20px;
	height: 20px;
	margin-right: 8px;
	float: left;
}
.newAsk ul li a {
	color: #000;
	height: 20px;
	line-height: 20px;
}
.newAsk ul li a:hover {
	color: #ff9c00;
}
.newAsk ul li a em {
	background: url(../images/faq-ico1.gif) no-repeat left center;
}
.newAsk ul li p {
	color: #464646;
	margin-top: 16px;
}
.newAsk ul li p em {
	height: 25px;
	background: url(../images/faq-ico2.gif) no-repeat left 3px;
}
.newAsk ul li p span {
	width: 257px;
	line-height: 24px;
}
.online {
	margin-top: 40px;
}
.online-od {
	background: url(../images/online-od.jpg) no-repeat center;
	width: 619px;
	height: 222px;
	border: 1px solid #d6d6d6;
	padding-top: 185px;
	padding-left: 93px;
}
.online-od span a {
	display: block;
	width: 336px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	border: 1px solid #f48000;
	color: #f48000;
	font-size: 20px;
	font-weight: bold;
}
.online-od span em {
	display: block;
	overflow: hidden;
	padding-left: 31px;
	background: url(../images/pk-tel.gif) no-repeat left center;
	height: 56px;
	line-height: 56px;
	font-style: normal;
	color: #333333;
	font-size: 20px;
}
.online-od span b {
	font-size: 28px;
	vertical-align: middle;
	letter-spacing: -1px;
	font-weight: bold;
}
.online-form {
	width: 350px;
}
.online-form h2 {
	display: block;
	height: 48px;
	line-height: 48px;
	padding-bottom: 6px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}
/**鑱旂郴鎴戜滑**/
.iConta {
	width: 420px;
}
.iConta .tit {
	height: 14px;
	border-bottom: 1px solid #dfdfdf;
	line-height: 28px;
}
.iConta .tit span {
	background: #fff;
	padding-right: 8px;
}
.iConta .tit span b {
	color: #0568B3;
}
.iConta .tit span em {
	text-transform: uppercase;
}
.iConta .tit a {
	text-transform: uppercase;
	color: #333;
	background: #f3f3f3;
	padding: 0 8px;
}
.iConta .tit a:hover {
	background: #0568B3;
	color: #fff;
}
.iConta .con {
	margin-top: 40px;
}
.clear {
	clear: both;
}
.inews {
	margin: 15px 0 0 0;
	font-size: 14px;
}
.inews dl {
	padding: 5px 0px 10px 0px;
}
.inews dl dd {
}
.inews dl dd a {
	line-height: 28px;
	display: block;
	padding-left: 0px;
	color: #4d4d4d;
}
.inews dl dd a:visited {
	color: #4d4d4d;
}
.inews dl dd a:hover {
	color: #0256a7;
}
.xjhx {
	height: 14px;
	border-bottom: 1px solid #dfdfdf;
	line-height: 28px;
}
.recomPro {
	margin-top: 35px;
}
.ipro1 {
	margin-top: 4px;
	margin: auto;
}
.ipro1 div {
	float: left;
	width: 287px;
	text-align: center;
	border: 3px solid #fff;
	background: #fff;
	margin-right: 20px;
}
.ipro1 h3 {
	width: 284px;
	height: 218px;
	margin: 0 auto 5px;
}
.ipro1 h3 a {
	width: 284px;
	height: 218px;
	padding: 1px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.ipro1 h3 img {
	vertical-align: middle;
}
.ipro1 p {
	text-align: center;
	font-weight: normal;
	border-top: 1px #C0E0C4 dashed;
}
.ipro1 p a {
	color: #333;
	font-weight: normal;
	line-height: 42px;
	font-size: 16px;
}
.ipro1 p a:hover {
	text-decoration: underline;
}
/**浜у搧鍒楄�?*/
.main {
	padding-top: 30px;
	padding-bottom: 40px;
}
.insLeft {
	width: 250px;
}
.insRight {
	width: 930px;
	float: right;
}
.miaosu {
	line-height: 32px;
	border: 1px solid #EDEDED;
	padding-left: 6px;
	margin-bottom: 10px;
}
/**浜у搧璇︽�?*/
.picimg_wj {
	width: 230px;
	height: 230px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
*display:block;
*font-size:197px;
}
.picimg_wj img {
	vertical-align: middle;
}
.proArtiTop .proct_bg1 {
	line-height: 30px;
	padding-top: 10px;
}
.insNewsArti img {
	margin: 0 auto;
	display: block;
}
.inprotab_con ul li {
	float: left;
	width: 270px;
	height: 248px;
	overflow: hidden;
	margin: 11px 4px;
	position: relative;
}
.inprotab_con ul li h2 {
	width: 270px;
}
.inprotab_con ul li h3 em {
	display: block;
	position: absolute;
	left: 0px;
	top: 200px;
	width: 270px;
	height: 48px;
	background: #000;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
.inprotab_con ul li h3 a {
	display: block;
	height: 48px;
	color: #fff;
	position: absolute;
	left: 0px;
	top: 200px;
	width: 270px;
}
.inprotab_con ul li h3 a span.proName {
	text-align: center;
	line-height: 48px;
	display: block;
}
/**鏂伴椈鍒楄�?*/
.insNewList {
	border-bottom: 1px dashed #bebebe;
	padding: 20px 0px;
	cursor: pointer;
}
.insNewList .nTit a {
	color: #383838;
	font-size: 16px;
	float: left;
	padding-left: 15px;
	background: url(../images/nCoin.png) no-repeat 3px -128px;
}
.insNewList .nTit a:hover, .insNewH .nTit a {
	color: #333;
	background: url(../images/nCoin.png) no-repeat 3px 10px;
}
.insNewList .nTit span {
	color: #7f7f7f;
	float: right;
	padding-right: 15px;
}
.insNewList .con {
	color: #888;
	margin-top: 8px;
	padding: 0px 5px;
}
/**鏂伴椈璇︽儏**/
.insNewsArti {
	border: 1px solid #ccc;
	padding: 20px;
	line-height: 2em;
	font-size: 16px;
}
.insNewsArti, .insNewsArti h3 span a {
	color: #343434;
	min-height: 300px;
}
.insNewsArti h4 {
	margin: 10px 0px;
}
.insNewsArti h3 span {
	padding: 0px 8px;
}
.insNewsArti .con {
	line-height: 2em;
	margin: 30px 0;
	font-size: 16px;
}
.insNewsArti .con, .insNewsArti .con a {
	color: #343434;
}
.insNewsArti b {
	font-weight: bold
}
.insNewsArti .newArtiNext, .insNewsArti .tag, .proArtiNum {
	line-height: 24px;
}
.insNewsArti .tag, .insNewsArti .tag a, .insNewsArti .newArtiNext, .insNewsArti .newArtiNext a, .proArtiNum, .proArtiNum a {
	color: #343434;
}
.insNewsArti .tag a {
	margin: 0px 5px;
}
.insNewsArti .tag a:hover, .insNewsArti .newArtiNext a:hover, .proArtiNum a:hover {
	color: #0568B3;
}
.insNews1 li {
	float: left;
	line-height: 35px;
	width: 97%;
	padding: 0px 10px;
}
.insNews1 li a {
	float: left;
	color: #343434;
	font-size: 16px;
}
.insNews1 li a:hover {
	color: #0568B3;
}
.insNews1 li span {
	float: right;
	color: #b4b4b4;
}
/**缃戠珯鍦板浘**/
.sitemap {
	padding: 5px 10px;
	line-height: 24px;
}
.sitemap .title3 {
	font-size: 16px;
}
.sitemap DL {
	PADDING-BOTTOM: 5px;
	PADDING-TOP: 5px
}
.sitemap DL FONT {
	TEXT-ALIGN: left;
	DISPLAY: block;
	COLOR: #666;
	FONT-SIZE: 12px;
	FONT-WEIGHT: normal
}
.sitemap DL FONT A {
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	COLOR: #666;
	PADDING-TOP: 0px
}
.sitemap DL FONT A:hover {
	COLOR: #fd3639;
	TEXT-DECORATION: none
}
.nyjz {
	padding: 10px 10px;
}
/*宸︿晶鍒嗙被*/
.demo1 {
	width: 1200px;
	height: 596px;
	margin: 0px auto 0px;
	padding: 40px 0 0 0;
}
.demo1_menu {
	width: 265px;
	float: left;
}
.demo1_menu p {
	width: 265px;
	height: 84px;
	color: #fff;
	background: #333;
	font-size: 30px;
	line-height: 84px;
	text-align: center;
	font-weight: bold;
}
.demo1_menu a.on {
	background: #c0010b;
	color: #fff;
}
.demo1_menua {
	width: 265px;
	float: left;
}
.demo1_menua p {
	width: 265px;
	height: 84px;
	line-height: 85px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #0068AF;
}
.demo1_menua ul {
}
.demo1_menua ul li {
	width: 265px;
	height: 50px;
	border-top: 1px #fff solid;
	position: relative;
}
.demo1_menua ul li a {
	display: block;
	line-height: 50px;
	text-align: center;
	color: #333333;
	font-size: 16px;
	background: #f3f3f3;
}
.demo1_menua ul li ul {
	display: none;
}
.demo1_menua ul li:hover ul {
	display: block;
	position: absolute;
	left: 265px;
	z-index: 9999;
	top: 0;
	background: #fff;
}
.demo1_menua ul li ul li {
	width: 265px;
	height: 45px;
	margin: 2px 0px;
}
.demo1_menua ul li ul li a {
	display: block;
	line-height: 45px;
	text-align: center;
	color: #333333;
	font-size: 14px;
	border-bottom: 1px #eee solid;
	background: #fff;
}
.demo1_menua a:hover {
	background: #087ED8;
	color: #fff;
	left: 0px
}
.demo1_menua a.on {
	background: #c0010b;
	color: #fff;
}
.demo1_right {
	width: 900px;
	float: right;
	overflow: hidden;
}
.demo1_right dl {
}
.demo1_right dl dd {
	width: 275px;
	height: 242px;
	margin: 0 10px 17px 8px;
	float: left;
	border: 5px solid #F3F3F3;
	background: #fff;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.demo1_right dl dd:hover {
	border: 5px solid #FEB403;
}
.demo1_right dl dd > a {
	width: 234px;
	margin: 20px auto 0;
	display: block;
	padding: 1px;
	border: 1px #f8f8f8 solid;
}
.demo1_right dl dd p {
	width: 234px;
	height: 35px;
	color: #909090;
	line-height: 35px;
	text-align: center;
	margin: 0 auto 0;
	font-size: 16px;
}
.gd1 {
	width: 910px;
	height: 550px;
}
.iabout_title {
	width: 100%;
	height: 60px;
	margin: 0 auto
}
.iabout_title p {
	font-size: 24px;
	color: #222;
	width: 400px;
	float: left;
	font-weight: bold;
	border-left: 5px #333 solid;
	padding-left: 20px;
}
.iabout_title p span {
	font-size: 14px;
	color: #333;
	font-weight: normal;
	padding-left: 10px;
}
.iabout_menu {
	float: right;
}
.iabout_menu a {
	font-size: 12px;
	color: #333;
	float: left;
	margin: 0 10px;
	line-height: 40px;
}
.link {
	width: 1200px;
	border: 1px solid #dadada;
	margin: 0 auto;
}
.link span {
	float: left;
	color: #333;
	background: url(../images/link.png) no-repeat 5px center #fff;
	padding: 0 10px 0 90px;
	margin: -10px 0 0 8px;
	position: absolute;
}
.link ul {
	padding: 0 0 0 15px;
	margin-top: 10px;
}
.link ul li {
	float: left;
}
.link ul a {
	color: #333;
	line-height: 30px;
}
.link ul a:hover {
	color: #004fa6;
}
/*---foot----*/
.footer {
	background: url(../images/f_bg.jpg) repeat-x;
	overflow: hidden;
	zoom: 1;
	margin: 40px 0 0 0;
}
.foot {
	width: 100%;
	background: #222;
	height: 293px;
	padding: 50px 0 0 0;
	border-bottom: 1px solid #272727;
}
.footlink {
	width: 560px;
	color: #9f8979;
}
.footlink .name {
	font-weight: normal;
	padding-left: 0px;
	color: #e5e5e5;
	font-size: 20px;
	padding-top: 10px;
}
.footlink b a {
	font-size: 14px;
	color: #a9a9a9;
}
.linka {
	width: 560px;
	height: 136px;
	color: #a9a9a9;
	border-bottom: 1px solid #323232;
	padding: 10px 0px;
	word-wrap: break-word;
	font-size: 16px;
	line-height: 32px;
}
.linka a {
	display: inline-block;
	margin: 0 5px;
	color: #a9a9a9;
}
.foot-con {
	width: 1200px;
	margin: 0 auto;
	color: #e5e5e5;
	line-height: 28px;
}
.foot-left {
	float: left;
	width: 810px;
	padding: 30px 0 0 0;
	color: #878787;
	line-height: 30px;
	font-size: 16px;
}
.footnav ul {
	margin: 0 auto;
	width: 1200px;
	padding: 0;
}
.footnav ul li {
	float: left;
	width: 120px;
	padding: 0 0 0 0;
}
.footnav ul li a {
	float: left;
	width: 150px;
	line-height: 55px;
	color: #c6c6c6;
	font-size: 14px;
	text-align: center;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.footnav {
	width: 100%;
	height: 55px;
	background: #1e1e1e
}
.foo-cont {
	float: left;
	width: 320px;
	position: relative;
	border-right: 1px #323232 solid;
}
.foo-cont p.name {
	font-size: 20px;
	color: #e5e5e5;
	padding: 0px 0 0 32px;
}
.foo-cont p.not {
	color: #7a7a7a;
	padding: 10px 32px;
	width: 250px;
}
.cont-fcon {
	float: left;
	padding: 5px 32px;
	width: 255px;
	font-size: 16px;
	line-height: 30px;
	overflow: hidden;
	color: #878787;
}
.cont-fcon a {
	color: #878787;
}
.foo-cont p.tel {
	float: left;
	width: 318px;
	text-align: center;
	font-size: 35px;
	font-family: impact;
	padding: 5px 0 0 0;
	height: 58px;
	line-height: 58px;
}
.foo-right {
	float: left;
	width: 660px;
	margin-left: 55px;
}
.foot-left .left {
	float: left;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.foot-left .right {
	float: left;
	padding-left: 5px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.foot-left a {
	color: #878787
}
.foot_ewm {
	width: 100px;
	float: right;
}
.foot_ewm .name {
	font-weight: normal;
	padding-left: 0px;
	color: #e5e5e5;
	font-size: 20px;
}
.foot_ewm img {
	margin-top: 17px;
}
.dsrz img {
	height: 30px;
}
.tetle {
	height: 50px;
	background: #0568B3;
	width: 100%;
	color: #fff;
	line-height: 50px;
	padding-left: 20px;
	font-size: 18px;
	width: 530px;
}
.tetle span {
	float: right;
	padding-right: 20px;
}
.tetle span a {
	font-size: 12px;
	color: #fff;
	line-height: 50px;
}
.content {
	width: 1200px;
	margin: 0 auto;
}
.inew {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
}
.inew p {
	font-size: 36px;
	color: #181a1d;
	display: inline-block;
	padding: 25px 6px 0 6px;
	position: relative;
	font-weight: bold;
	line-height: 1;
}
.inew span {
	text-transform: uppercase;
	font-weight: lighter;
	line-height: 40px;
	color: #393a45;
	display: block;
}
.zzry {
	float: right;
	width: 510px;
	border: 1px #eee solid;
}
.zzry p {
	font-size: 14px;
	padding-left: 15px;
	color: #990008;
	line-height: 50px;
	font-weight: bold;
	border-bottom: 1px #eee solid;
}
.zzry p span {
	font-size: 12px;
	line-height: 50px;
	padding-right: 15px;
	font-weight: normal;
	float: right;
}
.bannerbox {
	width: 470px;
	height: 165px;
	overflow: hidden;
	margin: 20px auto;
}
#focus {
	width: 470px;
	height: 165px;
	clear: both;
	overflow: hidden;
	position: relative;
	float: left;
}
#focus ul {
	width: 470px;
	height: 165px;
	float: left;
	position: absolute;
	clear: both;
	padding: 0px;
	margin: 0px;
}
#focus ul li {
	float: left;
	width: 470px;
	height: 165px;
	overflow: hidden;
	position: relative;
	padding: 0px;
	margin: 0px;
}
#focus .preNext {
	width: 223px;
	height: 165px;
	position: absolute;
	top: 0px;
	cursor: pointer;
}
#focus .pre {
	left: 0;
	background: url(../images/sprite.png) no-repeat left center;
}
#focus .next {
	right: 0;
	background: url(../images/sprite1.png) no-repeat right center;
}
.pages {
	margin: 20px auto;
}
.pages ul {
}
.pages ul li {
	float: left;
	margin: 0 5px;
	height: 30px;
	display: block;
	line-height: 30px;
	text-align: center;
	padding: 0 10px;
	display: block;
	border: 1px #eee solid;
}
.pages ul li a {
	display: block;
}
.pages ul .pages_solid {
	background: #333;
	color: #fff;
}
.pages ul li:nth-last-child {
	width: 100px;
}
.xdh {
	line-height: 50px;
	float: right;
	width: 470px;
	text-align: right;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.crumb {
	height: 50px;
	line-height: 50px;
	background: #f9f9f9;
	padding-left: 10px;
	font-size: 16px;
}
.pro_left {
	width: 400px;
	float: left;
	height: 300px;
	border: 1px #f9f9f9 solid;
}
.pro_right {
	width: 420px;
	float: right;
}
.pro_right p {
	height: 40px;
	border-bottom: 1px #eee solid;
	font-size: 14px;
}
.pro_right h1 {
	line-height: 30px;
	font-size: 14px;
}
.cp_mingc {
	border-bottom: 1px #eee solid;
	height: 30px;
}
.cp_mingc span {
	float: left;
	line-height: 30px;
	font-size: 14px;
}
.newCon {
	width: 100%;
}
.insNewsArti p {
	line-height: 2em;
	font-size: 16px;
}
.ewm {
	width: 100px;
	float: right;
	margin-top: 60px;
}
.top_right {
	position: absolute;
	top: 50px;
	right: 0px;
	width: 150px;
}
.top_right a {
	display: block;
}
.aboutbj {
	background: url(../images/abtbg.jpg) no-repeat center top;
	height: 602px;
	font-family: "Microsoft Yahei";
	padding-top: 20px;
	box-sizing: border-box;
	overflow: hidden;
}
.about dl {
	width: 1070px;
	margin: 0 auto;
}
.about dl dd {
	height: 140px;
}
.about dl dd p {
	font-size: 16px;
	color: #222222;
	line-height: 2em;
	text-align: center;
	padding: 0 40px;
	text-indent: 24px;
}
.about dl dd p a {
	color: #ffa92f;
}
.about dl dt {
	width: 495px;
	margin: 0 auto;
}
.about dl dt a {
	width: 124px;
	height: 124px;
	border-radius: 100%;
	position: relative;
	margin-right: 60px;
	background: #333;
	padding-top: 24px;
	text-decoration: none;
	display: block;
	float: left;
	box-sizing: border-box;
}
.about dl dt a img {
	display: block;
	width: 46px;
	height: 44px;
	margin: 0 auto;
}
.about dl dt a em {
	height: 40px;
	display: block;
	font: 18px "Microsoft YaHei";
	line-height: 40px;
	color: #ffffff;
	overflow: hidden;
	text-align: center;
}
.about dl dt a:nth-child(1) {
	background: #ffa92f;
}
.about dl dt a:last-child {
	margin-right: 0;
}
#pro {
	width: 100%;
	margin: 0 auto;
	background: #f0f0f0;
}
.pro_a {
	width: 1200px;
	margin: 0 auto;
	text-align: center;
	padding-top: 40px;
	height: 50px;
}
.pro_a p {
	color: #333;
	font-size: 36px;
	float: left;
	line-height: 50px;
	font-weight: bold;
}
.pro_a span {
	color: #000;
	font-size: 16px;
	float: left;
	line-height: 30px;
	border: #ccc solid 2px;
	padding: 0px 20px;
	margin-top: 10px;
	margin-left: 40px;
}
.ipro {
	margin-top: 4px;
	margin: auto;
}
.ipro div {
	float: left;
	text-align: center;
	margin-bottom: 5px;
}
.ipro div:nth-child(3n) {
	margin-right: 0px;
}
.ipro h3 {
	width: 284px;
	height: 210px;
	margin: 0 auto 5px;
}
.ipro h3 a {
	width: 284px;
	height: 210px;
	padding: 1px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #eee;
}
.ipro h3 img {
	vertical-align: middle;
}
.ipro p a {
	color: #000;
	font-weight: normal;
	line-height: 30px;
}
.ipro p a:hover {
	text-decoration: underline;
}
.ipro1 {
	margin-top: 4px;
	margin: auto;
}
.ipro1 div {
	float: left;
	width: 287px;
	text-align: center;
	border: 3px solid #fff;
	background: #fff;
	margin-right: 20px;
}
.ipro1 h3 {
	width: 284px;
	height: 218px;
	margin: 0 auto 5px;
}
.ipro1 h3 a {
	width: 284px;
	height: 218px;
	padding: 1px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.ipro1 h3 img {
	vertical-align: middle;
}
.ipro1 p {
	text-align: center;
	font-weight: normal;
	border-top: 1px #C0E0C4 dashed;
}
.ipro1 p a {
	color: #333;
	font-weight: normal;
	line-height: 42px;
	font-size: 16px;
}
.ipro1 p a:hover {
	text-decoration: underline;
}
#demo1p {
	list-style: none outside none;
	overflow: hidden;
	width: 1200px;
	margin: 0 auto;
}
#indemo1p {
	float: left;
	width: 800%;
}
#demo1p1 {
	float: left;
}
#demo1p2 {
	float: left;
}
.main {
	padding-top: 50px;
	padding-bottom: 40px;
}
.insLeft {
	width: 250px;
}
.miaosu {
	line-height: 1.8em;
	border: 1px solid #EDEDED;
	padding-left: 6px;
	margin-bottom: 10px;
}
.roww {
	display: flex;
	flex-wrap: wrap;
}

.rowall {
	background-color: #fff;
	display: none;
	margin-left: -450px;
	margin-right: auto;
	position: absolute;
	text-align: left;
	overflow: hidden;
	top: 100%;
	z-index: 999999;
	right: 15px;
	width: auto;
	padding-left: 40px;
	padding-right: 40px;
	left: 15px;
	min-width: 1080px;
	max-width: 1200px;
}
.header .nav .nLi:hover .rowall {
	display: block;
}
.roww > div {
	padding-left: 10px;
	padding-right: 10px;
}
.roww h4 {
	text-align: center;
	color: #666666;
	font-weight: bolder;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #0054b7;
	color: #333;
	font-size: 16px;
	line-height: 20px;
}
.roww ul {
	padding-left: 35%;
	margin-top: 5px;
	padding-bottom: 20px;
}
.roww ul li {
	position: relative;
	margin-top: 5px;
	color: #666666;
}
.roww ul li a {
	color: inherit;
}
.roww ul li:hover a {
	color: #fff;
}
.roww ul li:before {
	color: #0054b7;
	position: absolute;
	content: ">";
	top: 11px;
	left: -18px;
	font-size: 15px;
}
.box {
	width: 1200px;
	margin: 0 auto;
	position: relative;
	_height: 100%;
}
.hotproduct {
	margin: 15px 0 20px 0;
}
#demo1p {
	width: 1200px;
	height: 265px;
	overflow: hidden;
	position: relative;
}
#indemo1p {
	float: left;
	width: 800%;
}
#demo1p1 {
	float: left;
}
#demo1p2 {
	float: left;
}
.top_14 {
	list-style: none outside none;
	display: inline;
}
.top_14 li {
	float: left;
	height: 265px;
	overflow: hidden;
	padding-right: 8px;
	padding-top: 8px;
	text-align: center;
	width: 285px;
	background: #fff;
	margin-right: 20px;
	padding-left: 8px;
}
.top_14 h3 {
	height: 217px;
	margin: 0 auto;
}
.top_14 h3 a {
	padding: 1px;
	display: table-cell;
}
.top_14 h3 img {
	vertical-align: middle;
}
.top_14 li p {
	margin-top: 7px;
}
.top_14 li p .a1 {
	font-size: 15px;
	overflow: hidden;
	display: block;
	height: 24px;
	color: #666;
}
.top_14 li p .a1:hover {
	color: #333;
}
.sy_tit {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 40px;
}
.sy_tit p {
	margin-bottom: 25px;
	line-height: 80px;
	box-sizing: border-box;
	text-align: center;
	font-size: 50px;
	color: #222222;
	display: block;
	margin-bottom: 30px;
	font-weight: bold;
	width: 1200px;
	margin: 0 auto;
	background: url(../images/titico.gif) repeat-x center 98px;
}
.sy_tit span {
	width: 420px;
	margin: 0 auto;
	text-align: center;
	font-family: "Microsoft YaHei";
	font-size: 19px;
	color: #fff;
	display: block;
	font-weight: normal;
	padding: 0 20px;
	line-height: 38px;
	background: #333;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
}
/** 首页产品分类 **/
.sy_cpzx {
	padding-top: 30px;
	padding-bottom: 30px;
}
.sy_cpfl {
	width: 1200px;
	margin: 0 auto;
}
.sy_cpfl ul {
}
.sy_cpfl ul li {
	font-size: 15px;
	float: left;
	text-align: center;
	line-height: 50px;
	box-sizing: border-box;
	margin: 2px 2px;
}
.sy_cpfl ul li a {
	color: #333;
	display: block;
	background: #f1f1f1;
}
.sy_cpfl ul li a:hover {
	color: #fff;
	background: #333;
}
.sy_cpfl ul li:nth-child(1) a {
	color: #333;
	background: #f9f9f9;
}
.sy_cpfl ul {
	display: table;
}
.ysbg {
	background: #f2f2f2;
	width: 100%;
	height: 480px;
}
.yunu-section {
	padding: 10px 0;
}
.yunu-section-title {
	text-align: center;
	margin-bottom: 30px;
	background: url(../images/prtb.png) no-repeat center 60px;
	font-size: 38px;
}
.yunu-section-title ul {
	width: 1200px;
	margin: 0 auto;
}
.yunu-section-title p {
	margin: 30px 0 0;
	font-size: 20px;
	line-height: 1;
	font-weight: 200;
}
.yunu-section-title.mini {
	margin-bottom: 30px;
	font-size: 20px;
	color: #666;
	background-position: center bottom;
	padding-bottom: 15px;
}
.yunu-section-title.mini p {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
	color: #999;
	margin: 5px 0 0;
}
.yunu-section-title-2 {
	margin-top: 20px;
	margin-bottom: 40px;
	text-align: center;
	background: url(../images/t1.png) no-repeat center;
	font-size: 38px;
	line-height: 1em;
}
.yunu-section-title-2 small {
	display: block;
	text-transform: uppercase;
	font-size: 16px;
	color: #999;
	margin-top: 10px;
}
.yunu-yft-l {
	float: left;
	width: 527px;
	position: relative;
	overflow: hidden;
}
.yunu-yft-l img {
	display: block;
	width: 100%;
	height: auto;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
}
.yunu-yft-l:hover>img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.yunu-yft-l a {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 100px;
}
.yunu-yft-r {
	megin: 0 auto;
	width: 1200px;
}
.yunu-yft-r li {
	float: left;
	width: 190px;
	height: 210px;
	border: 5px solid #f2f2f2;
	text-align: center;
	padding-top: 15px;
}
.yunu-yft-r li i {
	display: block;
	margin: 23px 0 26px;
	height: 70px;
	background: no-repeat center;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.yunu-yft-r .ys01 {
	background: #333;
}
.yunu-yft-r .ys02 {
	background: #333333;
}
.yunu-yft-r li i.i1 {
	background-image: url(../images/yft1.png);
}
.yunu-yft-r li i.i2 {
	background-image: url(../images/yft2.png);
}
.yunu-yft-r li i.i3 {
	background-image: url(../images/yft3.png);
}
.yunu-yft-r li i.i4 {
	background-image: url(../images/yft4.png);
}
.yunu-yft-r li i.i5 {
	background-image: url(../images/yft5.png);
}
.yunu-yft-r li i.i6 {
	background-image: url(../images/yft6.png);
}
.yunu-yft-r li i.i7 {
	background-image: url(../images/yft7.png);
}
.yunu-yft-r li i.i8 {
	background-image: url(../images/yft8.png);
}
.yunu-yft-r li p {
	margin: 0;
	font-size: 20px;
	color: #fff;
}
.yunu-yft-r li:after {
	content: '';
	display: block;
	margin: 24px auto 0;
	width: 30px;
	height: 2px;
}
.yunu-yft-r li:hover:after {
	background-color: #fff;
}
.yunu-yft-r li:hover i {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}
.yunu-yft-r li:hover i.i1 {
	background-image: url(../images/yft1_h.png);
}
.yunu-yft-r li:hover i.i2 {
	background-image: url(../images/yft2_h.png);
}
.yunu-yft-r li:hover i.i3 {
	background-image: url(../images/yft3_h.png);
}
.yunu-yft-r li:hover i.i4 {
	background-image: url(../images/yft4_h.png);
}
.yunu-yft-r li:hover i.i5 {
	background-image: url(../images/yft5_h.png);
}
.yunu-yft-r li:hover i.i6 {
	background-image: url(../images/yft6_h.png);
}
.yunu-yft-r li:hover i.i7 {
	background-image: url(../images/yft7_h.png);
}
.yunu-yft-r li:hover i.i8 {
	background-image: url(../images/yft8_h.png);
}
.yunu-yft-r .desc {
	margin-top: 74px;
}
.yunu-yft-r .desc h4 {
	margin: 0 0 10px;
	font-size: 28px;
	color: #333;
	line-height: 1;
}
.yunu-yft-r .desc p {
	margin: 0;
	font-size: 24px;
	line-height: 1;
	letter-spacing: 10px;
}
.yunu-yft-r .desc:after {
	display: block;
	background-color: #333;
	height: 2px;
	content: '';
	width: 30px;
	margin-top: 30px;
}
.ipro {
	width: 1200px;
	margin: 0 auto;
}
.ipro div {
	float: left;
	padding-right: 5px;
	padding-top: 20px;
	padding-left: 5px;
}
.ipro h3 {
	width: 288px;
	height: 215px;
	border: 1px solid #eee;
	text-align: center;
}
.ipro h3 img {
	vertical-align: middle;
}
.ipro p a {
	display: block;
	text-align: center;
	background-color: #ececec;
	font-size: 16px;
	height: 40px;
	line-height: 40px;
	color: #333;
	border: 1px solid #eee;
	border-top: 0px;
}
.ipro p a:hover {
	color: #fff;
	background: #333;
}
.ipro {
	width: 1200px;
	margin: 0 auto;
}
.contact {
	width: 254px;
	height: 180px;
	background: #333;
	padding-bottom: 50px;
}
.contact span {
	font-size: 28px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	width: 254px;
	display: block;
	margin: 0 auto;
	line-height: 70px;
}
.contact p {
	color: #ffffff;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	height: 38px;
	line-height: 38px;
	text-align: left;
	padding-left: 20px;
	width: 225px;
	padding-right: 20px;
}
.contact p a {
	color: #fff;
}
.contact p a:hover {
	background: none;
}
.header {
	width: 100%;
	background-color: rgba(0,0,0,0.1);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	transition: all 0.6s ease;
}
.header::before {
	content: '';
	width: 100%;
	height: 1px;
	background-color: rgba(255,255,255,0.2);
	position: absolute;
	bottom: 0;
	left: 0;
}
.header .box {
	width: 1350px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	min-width: 1150px;
	font-size: 0;
}
.headerLogo {
	float: left;
	z-index: 9999;
	padding-top: 5px;
}
.headerLogo a {
	display: block;
	width: 502px;
	height: 74px;
	margin-top:28px;
	background: url(../images/logo1.png) no-repeat;
	transition: all 0.6s ease;
}
.headerTel {
	position: relative;
	display: inline-flex;
	vertical-align: middle;
	height: 80px;
	background-color: rgba(255,255,255,0);
	align-items: center;
	justify-content: space-between;
	padding: 0 20px;
}
.headerTel::before {
	content: '';
	width: 1px;
	height: 100%;
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	left: 0;
	top: 0;
}
.headerTel .iconT {
	font-size: 40px;
	color: #fff;
}
.headerTel span {
	display: inline-block;
	margin-left: 0;
	font-size: 30px;
	color: #fff;
}
.header .nav {
	display: inline-block;
	vertical-align: middle;
	padding-left: 40px;
	padding-top: 12px;
}
.header .nav .nLi {
	display: inline-block;
	position: relative;
	margin-left: 53px;
}
.header .nav .nLi h3 {
	padding: 25px 0;
	transition: all 0.6s ease;
}
.header .nav .nLi h3 a {
	display: block;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	font-weight: normal;
}
.header .nav .sub {
	display: none;
	position: absolute;
	transform: translateX(-50%);
	left: 50%;
	width: 140px;
	background-color: #fff;
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
}
.nLi:hover .sub {
	display: block;
}
.header .nav .sub a {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #333;
	padding: 10px 10px;
	box-sizing: border-box;
	transition: all 0.6s ease;
}
.header .nav .sub a:hover, .header .nav .sub li.on a {
	background-color: #005cd0;
	color: #FFFFFF;
}
.header .nav .nLi:hover h3 a, .header .nav .nLi#on h3 a {
	font-weight: bold;
}
.sub2 {
}
.sub2 a {
	display: block;
	text-align: center;
	font-size: 14px;
	color: #333;
	padding: 10px 10px;
	box-sizing: border-box;
	transition: all 0.6s ease;
}
.sub2 a:hover, .header .nav .sub2 li.on a {
	background-color: #005cd0;
	color: #FFFFFF;
}
.is-fixed {
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	background-color: rgba(255,255,255,1);
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	-moz-box-shadow: 0 0 20px rgba(0,0,0,0.1);
	border-bottom: rgba(255,255,255,0);
}
.is-fixed .headerLogo a {
	background: url(../images/logo2.png) no-repeat;
	margin-top: 10px;
}
.is-fixed .nav .nLi h3 a {
	color: #333;
}
.is-fixed .popnav .menu .solid {
	background-color: #000;
}
.is-fixed .popnav .tit {
	color: #000;
}
.is-fixed::before, .is-fixed .headerTel::before {
	display: none;
}
.is-fixed .headerTel {
	background-color: #005cd0;
}
.is-fixed .headerTel .iconT, .is-fixed .headerTel .iconT {
	color: #fff;
}
.itop .order_cons .close {
	display: block;
	position: absolute;
	top: 20px;
	right: 10px;
	width: 17px;
	height: 17px;
	background-image: url(../images/black_close.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.box_wrap_out_posi.show {
	z-index: 999;
}
.banner-engine {
	height: 800px;
	position: relative;
	overflow: hidden;
}
.banner-engine .banner-ul {
	position: relative;
	width: 100%;
	height: 800px
}
.banner-engine .banner-text {
	position: absolute;
	left: 50%;
	top: -660px;
	width: 1400px;
	margin-left: -700px;
	height: 650px
}
.banner-engine .banner-text {
	display: none
}
.banner-engine .banner-text1 {
	font-size: 50px;
	line-height: 50px;
	color: #fff
}
.banner-engine .banner-text2 {
	margin-top: 28px;
	font-size: 20px;
	line-height: 20px;
	color: #e4e7eb
}
.banner-engine .banner-link-button {
	display: inline-block;
	background: #005cd0;
	margin-top: 20px;
	width: 160px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	position: relative;
}
.banner-engine .banner-link-button span {
	position: relative;
	z-index: 9;
}
.banner-engine .banner-link-button:after {
	content: " ";
	display: inline-block;
	z-index: 1;
	width: 0;
	height: 45px;
	background: rgba(0,0,0,0.3);
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s ease;
}
.banner-engine .banner-link-button:hover {
	background: #fff;
	color: #333;
	border: 1px solid #fff
}
.banner-engine .banner-link-button:hover:after {
	width: 160px;
}
.banner-ul li {
	display: none;
	height: 100%;
	width: 100%;
	float: left
}
.banner-engine .banner-ul li {
	z-index: -1;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 100%;
	width: 100%;
	float: left;
	background-position: center center;
	background-repeat: no-repeat;
}
.banner-engine .banner-ul li:first-child {
	z-index: initial
}
.banner-engine .banner-ul li.banner1 {
	background-image: url(../images/banner1.jpg);
}
.banner-engine .banner-ul li.banner2 {
	background-image: url(../images/banner2.jpg);
}
.banner-engine .banner-ul li.banner3 {
	background-image: url(../images/banner3.jpg);
}
.banner-engine .banner-ul li.banner4 {
	background-image: url(../images/banner4.jpg);
}
.banner-point {
	display: none;
	position: absolute;
	bottom: 48px;
	left: 0;
	width: 100%;
	height: 18px;
	line-height: 18px
}
.banner-engine .banner-point {
	display: block
}
.slider-main {
	display: none;
	position: relative;
	margin: 0 auto;
	min-width: 1200px;
	max-width: 1200px
}
.banner-engine .slider-main {
	display: block
}
.slider-text {
	position: absolute;
	width: 1350px;
	margin: 0 auto;
}
.banner-area {
	width: 100%;
	text-align: center
}
.banner-area li {
	cursor: pointer;
	margin: 0 15px;
	display: inline-block;
	width: 80px;
	height: 8px;
	background: rgba(255,255,255,0.3)
}
.banner-area li.active {
	background: rgba(255,255,255,0.6)
}
.banner-engine .banner-ul {
	position: relative;
	width: 100%;
	height: 800px
}
.banner-engine .banner-text {
	position: absolute;
	left: 50%;
	top: -850px;
	width: 1400px;
	margin-left: -700px;
	height: 650px
}
.banner-engine .banner-text {
	display: none
}
.banner-engine .banner-text1 {
	font-size: 50px;
	line-height: 50px;
	color: #fff
}
.banner-engine .banner-text2 {
	margin-top: 28px;
	font-size: 20px;
	line-height: 20px;
	color: #e4e7eb
}
.banner-engine .banner-text1-1 {
	margin: 0 auto;
	width: 830px;
	text-align: center;
}
.banner-engine .banner-text1-1 {
	font-size: 40px;
	font-weight: normal;
	line-height: 56px;
	color: #fff;
	text-align: center;
	opacity: 0;
	animation: lefteaseinAnimate 2s ease 1;
	-webkit-animation: lefteaseinAnimate 2s ease 1;
	-ms-animation: lefteaseinAnimate 2s ease 1;
	-o-animation: lefteaseinAnimate 2s ease 1;
	-moz-animation: lefteaseinAnimate 2s ease 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
.banner-engine .banner-text1-2 {
	letter-spacing: 8px;
	font-size: 18px;
	line-height: 22px;
	color: #fff;
	text-align: center;
	padding-top: 10px;
	opacity: 0;
	animation: lefteaseinAnimate 2s ease 1;
	-webkit-animation: lefteaseinAnimate 2s ease 1;
	-ms-animation: lefteaseinAnimate 2s ease 1;
	-o-animation: lefteaseinAnimate 2s ease 1;
	-moz-animation: lefteaseinAnimate 2s ease 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
.banner-engine .banner-text2-1 {
	padding-top:160px;
	margin-top: 0px;
	margin-bottom: 30px;
	text-align: center;
	opacity: 0;
	animation: lefteaseinAnimate 2s ease 1;
	-webkit-animation: lefteaseinAnimate 2s ease 1;
	-ms-animation: lefteaseinAnimate 2s ease 1;
	-o-animation: lefteaseinAnimate 2s ease 1;
	-moz-animation: lefteaseinAnimate 2s ease 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
.banner-engine .banner-text2-1 {
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 24px;
	letter-spacing: 2px;
	opacity: 0;
	animation: fade-in 4s ease 0s 1;
	-webkit-animation: fade-in 4s ease 0s 1;
	-moz-animation: fade-in 4s ease 0s 1;
	-o-animation: fade-in 4s ease 0s 1;
	-ms-animation: fade-in 4s ease 0s 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
.banner-engine .banner-text2-2 {
	font-size: 40px;
	text-align: center;
	color: #fff;
	line-height: 56px;
	letter-spacing: 2px;
	opacity: 0;
	animation: fade-in 4s ease 0s 1;
	-webkit-animation: fade-in 4s ease 0s 1;
	-moz-animation: fade-in 4s ease 0s 1;
	-o-animation: fade-in 4s ease 0s 1;
	-ms-animation: fade-in 4s ease 0s 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
.banner-engine .banner-text2-3 {
	font-size: 18px;
	text-align: center;
	color: #fff;
	line-height: 60px;
	font-style: normal;
	letter-spacing: 2px;
	opacity: 0;
	animation: fade-in 4s ease 0s 1;
	-webkit-animation: fade-in 4s ease 0s 1;
	-moz-animation: fade-in 4s ease 0s 1;
	-o-animation: fade-in 4s ease 0s 1;
	-ms-animation: fade-in 4s ease 0s 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
@keyframes fade-in {
 0% {
opacity: 0;
}
 100% {
opacity:1;
}
}
@-webkit-keyframes fade-in {
 0% {
opacity: 0;
}
 100% {
opacity:1;
}
}
@-ms-keyframes fade-in {
 0% {
opacity: 0;
}
 100% {
opacity:1;
}
}
@-o-keyframes fade-in {
 0% {
opacity: 0;
}
 100% {
opacity:1;
}
}
@-moz-keyframes fade-in {
 0% {
opacity: 0;
}
 100% {
opacity:1;
}
}
.banner-engine .banner-text3-1 {
	margin: 30px auto 0;
	width: 1000px;
	text-align: center;
}
.banner-engine .banner-text3-1 span {
	font-size: 60px;
	font-weight: bold;
	line-height: 80px;
	color: #fff
}
.banner-engine .banner-text3-1 span b {
	color: #e60012
}
.banner-engine .banner-text3-1 em {
	font-size: 24px;
	color: #fff;
	font-style: normal;
	display: block;
	line-height: 70px;
}
.banner-engine .banner-text3-1 i {
	font-size: 30px;
	color: #fff;
	font-style: normal;
	font-family: "微软雅黑 light";
	line-height: 50px;
}
.banner-engine .banner-text3-2 {
	position: absolute;
	top: 320px;
	font-size: 20px;
	line-height: 20px;
	color: #e4e7eb
}
.banner-engine .banner-text4-1 {
	float: left;
	width: 715px;
	position: relative;
	top: 20px;
}
.banner-engine .banner-text4-2 {
	width: 1350px;
	margin: 0 auto;
	position: relative;
}
.banner-engine .banner-text4-2 h6 {
	/*	font-size: 40px;
	font-weight: normal;
	color: #fff;
	height: 56px;
	text-align: center;
	line-height: 56px;*/
	float: right;
	bottom: 70px;
	position: relative;
	opacity: 0;
	animation: lefteaseinAnimate 2s ease 1;
	-webkit-animation: lefteaseinAnimate 2s ease 1;
	-ms-animation: lefteaseinAnimate 2s ease 1;
	-o-animation: lefteaseinAnimate 2s ease 1;
	-moz-animation: lefteaseinAnimate 2s ease 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
.banner-engine .banner-text4-2 h3 {
	letter-spacing: 2px;
	padding-top: 10px;
	text-align: center;
	height: 24px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	animation: lefteaseinAnimate 2s ease 1;
	-webkit-animation: lefteaseinAnimate 2s ease 1;
	-ms-animation: lefteaseinAnimate 2s ease 1;
	-o-animation: lefteaseinAnimate 2s ease 1;
	-moz-animation: lefteaseinAnimate 2s ease 1;
	animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
}
@keyframes lefteaseinAnimate {
 0% {
transform: translateY(0px);
opacity: 0;
}
 100% {
transform: translateY(180px);
opacity: 1;
}
}
@-webkit-keyframes lefteaseinAnimate {
 0% {
-webkit-transform: translateY(0px);
opacity: 0;
}
 100% {
-webkit-transform: translateY(180px);
opacity: 1;
}
}
@-o-keyframes lefteaseinAnimate {
 0% {
-webkit-transform: translateY(0px);
opacity: 0;
}
 100% {
-webkit-transform: translateY(180px);
opacity: 1;
}
}
@-ms-keyframes lefteaseinAnimate {
 0% {
-webkit-transform: translateY(0px);
opacity: 0;
}
 100% {
-webkit-transform: translateY(180px);
opacity: 1;
}
}
@-moz-keyframes lefteaseinAnimate {
 0% {
-webkit-transform: translateY(0px);
opacity: 0;
}
 100% {
-webkit-transform: translateY(180px);
opacity: 1;
}
}
.main {
	width: 100%;
}
.mainn {
	width: 100%;
	background: #f8f8f8;
	padding: 60px 0;
}
.mainn60 {
	padding: 60px 0;
}
.mainbg-f3 {
	width: 100%;
	background: #f5f5f5;
	padding: 60px 0;
}
.mainbox {
	width: 1350px;
	margin: 0 auto;
}
.mainservice {
	width: 100%;
	height: 720px;
	padding: 40px 0;
	background: url(../images/mainservice.jpg) center center no-repeat;
}
.header .r_nav .visitor {
	width: 90px;
	height: 90px;
	float: left;
	padding-left: 63px;
	background: #005cd0 url(../images/topfadz.png) 40px center no-repeat;
}
.header .r_nav .visitor .pro_order_btn {
	cursor: pointer;
	width: 163px;
	color: #fff;
	font-size: 16px;
	line-height: 100px;
	height: 100px;
}
.header .hd_search .topfadz {
	display: inline-block;
	width: 90px;
	height: 90px;
	font-size: 18px;
	background: #fff url(../images/topsearch.png) center center no-repeat;
}
.product_nav {
	margin-top: 80px;
}
.product_nav ul {
	margin-left: -5px;
	margin-right: -5px;
}
.product_nav li {
	padding-left: 5px;
	padding-right: 5px;
}
.product_nav li a {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
}
.product_nav li:not(:last-child) .image:after {
	width: 1px;
	height: 36px;
	background-color: #666666;
	position: absolute;
	right: -5px;
	top: 20px;
	bottom: 0;
	content: "";
}
.product_nav li .image img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
}
.product_nav li .image .one {
	transition: all ease 0.36s;
}
.product_nav li .image .two {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -9;
	margin-left: auto;
	margin-right: auto;
	right: 0;
}
.product_nav li.active .image .one, .product_nav li:hover .image .one {
	opacity: 0;
}
.product_nav li span {
	transition: all ease 0.36s;
	margin-top: 20px;
	display: block;
	width: 100%;
	line-height: 1;
	font-size: 16px;
	color: #333333;
	padding: 16px 0;
	background-color: #fafafa;
}
.product_nav li.active span, .product_nav li:hover span {
	background-color: #0054b7;
	color: #ffffff;
}
.container {
	margin-left: auto;
	margin-right: auto;
	min-width: 960px;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}
 @media only screen and (min-width: 1230px) {
.container {
	max-width: 1230px;
}
}
.row {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -15px;
	margin-right: -15px;
}
.no-gutters {
	margin-left: 0;
	margin-right: 0;
}
.align-items-center {
	align-items: center !important;
	-ms-flex-align: center !important;
}
.justify-content-center {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
 .no-gutters > .col, .no-gutters > [class*=col-] {
 padding-left: 0;
 padding-right: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-5ths {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 100%;
}
.col {
	flex-basis: 0;
	flex-grow: 1;
	-ms-flex-positive: 1;
	-ms-flex-preferred-size: 0;
	max-width: 100%;
}
.col-auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: none;
	width: auto;
}
.col-1 {
	-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;
}
.col-2 {
	-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}
.col-3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col-4 {
	-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}
.col-5 {
	-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}
.col-6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.col-7 {
	-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}
.col-8 {
	-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}
.col-9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.col-10 {
	-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}
.col-11 {
	-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;
}
.columnbg {
	width: 100%;
	background-color: #f5f5f5;
	padding: 10px 0px 30px 0px;
}
.columnnobg {
	width: 100%;
	padding: 10px 0px 0px 0px;
}
.columntitle {
	font-size: 26px;
	color: #555;
	text-align: center;
	width: 100%;
	margin: 0px auto;
	padding: 30px 0px;
	clear: both;
	background-image: url(/images/v3/index/titlebg.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-bottom: 30px;
}
.columntitle span {
	color: #c3c3c3;
	font-size: 18px;
	display: block;
	font-family: Arial;
	padding-bottom: 5px;
	clear: both;
}
.columntitle i {
	height: 3px;
	width: 50px;
	background-color: #008ee9;
	margin: 10px auto 0px auto;
	display: block;
	clear: both;
}
.columntab {
	width: 160px;
	margin: 0px auto;
	padding-bottom: 50px;
}
.columntab span {
	display: block;
	height: 23px;
	line-height: 23px;
	width: 80px;
	background-color: #dedede;
	text-align: center;
	float: left;
}
.columntab span.cur {
	background-color: #7d7d7d;
}
.columntab span a {
	color: #555;
	text-decoration: none;
}
.columntab span.cur a {
	color: #fff;
}
.columndesc {
	width: 100%;
	line-height: 25px;
	padding-bottom: 30px;
	clear: both;
}
.aboutus {
	width: 100%;
	margin: 0px auto;
	background-color: #f5f5f5;
	overflow: hidden;
}
.aboutus .leftimg {
	width: 50%;
	float: left;
	overflow: hidden;
}
.aboutus .rightinfo {
	width: 50%;
	float: left;
}
.aboutus .rightinfo .info {
	padding-left: 50px;
	width: 550px;
}
.aboutus .rightinfo .info h2 {
	font-size: 26px;
	font-weight: normal;
	display: block;
	clear: both;
	padding: 20px 0px;
	margin-top: 40px;
	font-weight: 600;
}
.aboutus .rightinfo .info p {
	line-height: 32px;
	font-size: 16px;
}
.aboutus .rightinfo .info .botinfo {
	margin-top: 40px;
	clear: both;
}
.aboutus .rightinfo .info .botinfo .kctel {
	width: 200px;
	height: 60px;
	padding: 10px 0px 10px 15px;
	line-height: 16px;
	font-size: 16px;
	color: #333;
	float: left;
}
.aboutus .rightinfo .info .botinfo b {
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	margin-left: 30px;
	padding: 10px 0px 10px 15px;
	color: #0054b7;
	float: left;
}
.aboutus .rightinfo.fr .info {
	float: right;
	padding-left: 0px;
	padding-right: 50px;
}
.col-12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.col-5ths {
	-ms-flex: 0 0 20%;
	flex: 0 0 20%;
	max-width: 20%
}
.server {
	position: relative;
}
.server .hd {
	background: url(../images/ser_bg.png) no-repeat center 65px;
	margin-top: 40px;
}
.server .hd li {
	float: left;
	width: 14.2%;
	text-align: center;
	margin-bottom: 60px;
	position: relative;
}
.server .hd li h4 {
	line-height: 1;
	font-size: 16px;
}
.server .hd li .img-center {
	width: 100px;
	line-height: 100px;
	height: 100px;
	position: relative;
	margin: 17px auto;
}
.server .hd li .img-center span {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #e7e7e7;
	border-radius: 50%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
	-webkit-transform: translateX(0) rotate(0deg);
	transform: translateX(0) rotate(0deg);
}
.server .hd li .img-center small {
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	top: 0;
	left: 0;
	opacity: 1;
	visibility: hidden;
	-webkit-transform: scale(0.5);
	transform: scale(0.5);
	-webkit-transition: all 0.1s ease 0.2s;
	transition: all 0.1s ease 0.2s;
}
.server .hd li.on h4 {
	color: #0060b7;
}
.server .hd li.on .img-center span {
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(100%) rotate(180deg);
	transform: translateX(100%) rotate(180deg);
}
.server .hd li.on .img-center small {
	visibility: visible;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
.server .hd li.on:after {
	position: absolute;
	width: 13px;
	height: 12px;
	content: "";
	background: url(../images/san4.png) no-repeat 0 0;
	bottom: 0%;
	left: 50%;
	margin-left: -7px;
}
.server .hd li.b {
	margin-bottom: 0;
}
.server .hd li.b.on:after {
	background-image: url(../images/san5.png);
	top: 0;
	bottom: auto;
}
.lc {
	background: url(../images/lc.jpg) no-repeat center 0;
	height: 300px;
	overflow: hidden;
	margin-bottom: 50px;
	margin-top: 50px;
}
.lc h3 {
	float: left;
	padding: 10px 0 0 20px;
	width: 270px;
	color: #fff;
}
.lc h3 i {
	display: block;
	font-size: 22px;
	font-weight: bold;
	line-height: 100%;
	padding-bottom: 30px;
	color: #fff;
	font-style: normal;
}
.lc h3 i span {
	display: block;
	padding-bottom: 9px;
}
.lc h3 em {
	display: block;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	height: 85px;
	width: 250px;
	padding-left: 20px;
}
.lc h3 em span {
	display: block;
	color: #333;
}
.lc h3 b {
	display: block;
	width: 260px;
	height: 40px;
	line-height: 40px;
	padding-left: 28px;
	color: #0054b7;
	font-family: Arial;
	font-size: 30px;
	font-weight: bold;
	padding-top: 25px;
}
.lc ul {
	float: right;
	padding-top: 60px;
	overflow: hidden;
	width: 850px;
}
.lc ul li {
	float: left;
	height: 250px;
	width: 160px;
	margin-right: 70px;
	text-align: center;
}
.lc ul li.lc4 {
	margin-right: 0;
}
.lc ul li a {
	display: block;
	background: url(../images/lv1.png) no-repeat;
	padding-top: 183px;
	font-size: 16px;
	color: #333;
	transition: all 0.3s linear 0s;
}
.lc ul li.lc2 a {
	background: url(../images/lv2.png) no-repeat;
}
.lc ul li.lc3 a {
	background: url(../images/lv3.png) no-repeat;
}
.lc ul li.lc4 a {
	background: url(../images/lv4.png) no-repeat;
}
.lc ul li a:hover {
	transform: translateY(-10px);
}
.advantage {
	height: 1570px;
	background: url(../images/advbg02.jpg) no-repeat center bottom;
	position: relative;
}
.advantage .adv_top {
	height: 172px;
	background: url(../images/advbg01.png) no-repeat center top;
}
.advantage .adv_top p.p_title {
	padding-top: 32px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
.advantage .adv_top h3.h3_title span {
	color: #fff;
	font-size: 42px;
	line-height: 56px;
	text-align: center;
	display: block;
}
.advantage .adv_top h3.h3_title i.titl {
	background: url(../images/titl02.png) no-repeat right center;
}
.advantage .adv_top h3.h3_title i.titr {
	background: url(../images/titr02.png) no-repeat left center;
}
.advantage .adv_con {
	height: 1382px;
	position: relative;
}
.advantage .adv_con .conbox {
	height: 322px;
	margin-top: 16px;
}
.advantage .adv_con .conbox .conImg {
	width: 522px;
	height: 313px;
	overflow: hidden;
}
.advantage .adv_con .conbox .conImg img {
	transition: all 0.6s;
	display: inline-block;
}
.advantage .adv_con .conbox .conImg img:hover {
	transform: scale(1.1);
//1.2指的是放大的倍数 cursor: pointer;
}
.advantage .adv_con .conbox .contit {
	width: 470px;
	padding-top: 65px;
	position: relative;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	height: 255px;
}
.advantage .adv_con .advbd {
	display: block;
	width: 1px;
	height: 1409px;
	position: absolute;
	left: 50%;
	margin-left: -.5px;
	top: -27px;
	background: #0054b7;
}
.advantage .adv_con .conbox .contit .adv_num {
	display: block;
	width: 105px;
	height: 105px;
	background: url(../images/advnum.png) no-repeat center;
	color: #fff;
	text-align: center;
	font-weight: 700;
	color: #fff;
	line-height: 105px;
	font-size: 36px;
	position: absolute;
	top: 100px;
	-webkit-transition: 0.9s;
	-webkit-transition: -webkit-transform 0.9s ease-out;
	transition: transform 0.9s ease-out;
	-moz-transition: -moz-transform 0.9s ease-out;
}
.advantage .adv_con .conbox .contit .adv_num:hover {
	transform: rotateZ(360deg);
	-webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
}
.advantage .adv_con .conbox .contit h3 {
	font-size: 28px;
	color: #333;
	line-height: 1px;
	font-weight: 600;
}
.advantage .adv_con .conbox .contit h3 i {
	display: block;
	font-size: 18px;
	text-transform: uppercase;
	color: #999;
	margin-bottom: 40px;
}
.advantage .adv_con .conbox .contit .adv_p1 {
	font-size: 16px;
	color: #333;
	line-height: 34px;
}
.advantage .adv_con .conbox .contit.fr {
	padding-left: 100px;
	padding-right: 30px;
}
.advantage .adv_con .conbox .contit.fl {
	padding-left: 30px;
	padding-right: 100px;
}
.advantage .adv_con .conbox .contit.fr .adv_num {
	left: -52px;
}
.advantage .adv_con .conbox .contit.fl .adv_num {
	right: -52px;
}
.advantage .adv_con .conbox .adv_p2 a {
	display: block;
	margin-top: 15px;
	width: 123px;
	height: 35px;
	line-height: 35px;
	background: url(../images/ljzxa.png) no-repeat center;
	text-indent: 22px;
	font-size: 14px;
	color: #fff;
}
.advantage .adv_con .conbox:last-child .contit {;
	border-bottom: none;
}
.sy_cpzx {
	background: #fff;
}
.sy_cpfl {
	width: 1200px;
	margin: 0 auto;
}
.sy_cpfl ul {
}
.sy_cpfl ul li {
	font-size: 18px;
	float: left;
	text-align: center;
	line-height: 45px;
	box-sizing: border-box;
	margin: 5px;
	width: 139px;
}
.sy_cpfl ul li a {
	color: #333;
	display: block;
	background: #f9f9f9;
}
.sy_cpfl ul li:hover a {
	color: #fff;
	background: #0054b7;
}
.sy_cpfl ul {
	display: table;
}
.sy_cpfl ul li ul {
	display: none;
	width: 139px;
	background: #ddd;
	z-index: 9999;
	position: absolute;
}
.sy_cpfl ul li:hover ul {
	font-weight: bold;
	background: #f1f1f1;
	display: block;
}
.sy_cpfl ul li ul li {
	height: 47px;
	line-height: 46px;
	border-bottom: 1px #f0f0f0 solid;
	margin: 0;
}
.sy_cpfl ul li ul li a {
	font-size: 12px;
	line-height: 46px;
	height: 46px;
	text-align: center;
	font-weight: normal;
	color: #666 !important;
	background: #fff !important;
	padding: 0;
	display: block;
	font-size: 15px;
}
.sy_cpfl ul li ul li a:hover {
	background: #0054b7 !important;
	color: #fff !important;
}
.cplst {
	margin: 0 auto;
	display: table;
	width: 100%;
	padding-bottom: 50px;
	padding-top: 30px;
}
.cplst dl {
	float: left;
	width: 400px;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 30px;
	padding-bottom: 30px;
}
.cplst dl:hover em {
	color: #0054b7;
	font-weight: bold;
}
.cplst dt {
	width: 400px;
	display: block;
	text-align: center;
}
.cplst dt img {
	display: block;
	margin: 0 auto;
}
.cplst dt em {
	display: block;
	text-align: left;
	font-size: 16px;
	color: #333;
	padding-left: 30px;
	float: left;
	margin-top: 20px;
}
.cplst dt i {
	padding: 0 30px 0 0;
	float: right;
	margin-top: 20px;
}
.cplst dt i img {
	width: 23px;
	height: 23px;
	vertical-align: middle;
}
.cplst dd {
	position: absolute;
	left: 0;
	bottom: -100%;
	background: url(../images/sah.png) repeat;
	width: 100%;
	height: 100%;
	transition: all 0.3s linear 0s;
}
.cplst h3 {
	padding-top: 28%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.cplst h3 a {
	color: #fff;
}
.cplst span {
	display: block;
	width: 320px;
	margin: 0 auto;
}
.cplst span a {
	display: block;
	background: url(../images/cpbtn.png) no-repeat;
	margin: 10px 10px 0 0;
	width: 90px;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	font-size: 16px;
	color: #fff;
	float: left;
}
.cpkd {
	width: 1200px;
	margin: 0 auto;
}
/*左侧分类*/
.cplst1 {
	margin: 0 auto;
	display: table;
	width: 100%;
	padding-top: 10px;
}
.cplst1 dl {
	float: left;
	width: 190px;
	box-sizing: border-box;
	overflow: hidden;
	padding-bottom: 30px;
	margin-right:10px;
	border-radius:3px;
}
.cplst1 dl:hover em {
	color: #0054b7;
	font-weight: bold;
}
.cplst1 dt {
	width: 190px;
	display: block;
	text-align: center;
}
.cplst1 dt img {
	display: block;
	margin: 0 auto;
	border-radius:5px;
}
.cplst1 dt em {
	display: block;
	text-align: left;
	font-size: 16px;
	color: #333;
	padding-left: 30px;
	float: left;
	margin-top: 20px;
}
.cplst1 dt i {
	padding: 0 10px 0 0;
	float: right;
	margin-top: 20px;
}
.cplst1 dt i img {
	width: 23px;
	height: 23px;
	vertical-align: middle;
}
.cplst1 dd {
	position: absolute;
	left: 0;
	bottom: -100%;
	background: url(../images/sah.png) repeat;
	width: 100%;
	height: 100%;
	transition: all 0.3s linear 0s;
}
.cplst1 h3 {
	padding-top: 28%;
	height: 44px;
	line-height: 44px;
	text-align: center;
	overflow: hidden;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}
.cplst1 h3 a {
	color: #fff;
}
.cplst1 span {
	display: block;
	width: 320px;
	margin: 0 auto;
}
.cplst1 span a {
	display: block;
	background: url(../images/cpbtn.png) no-repeat;
	margin: 10px 10px 0 0;
	width: 90px;
	height: 40px;
	line-height: 40px;
	padding-left: 50px;
	font-size: 16px;
	color: #fff;
	float: left;
}
.cpkd1 {
	width: 1200px;
	margin: 0 auto;
}
.demo1 {
	width: 1200px;
	height: 596px;
	margin: 0px auto 0px;
	padding: 40px 0 0 0;
}
.demo1_menu1 {
	width: 265px;
	float: left;
}
.demo1_menu p {
	width: 265px;
	color: #fff;
	font-size: 26px;
	text-align: center;
	box-sizing: border-box;
	line-height: 100px;
	background: #0054b7;
	height: 100px;
}
.demo1_menu ul {
}
.demo1_menu ul li {
	border-top: 2px #fff solid;
	position: relative;
	margin: 0px;
	height: 80px;
	line-height: 60px;
	background: #ececeb;
	background: url(../images/p14-icon5.png) no-repeat right center #ececeb;
}
.demo1_menu ul li a {
	display: block;
	line-height: 80px;
	color: #333;
	font-size: 18px;
	margin: 0 15px;
	padding-left: 15px;
}
.demo1_menu li:hover {
	background: url(../images/p14-icon2.png) no-repeat right center #0054b7;
}
.demo1_menu li:hover a {
	color: #fff;
}
.demo1_menu a.on {
	background: #c0010b;
	color: #fff;
}
.demo1_menua {
	width: 265px;
	float: left;
}
.demo1_menua p {
	width: 265px;
	height: 84px;
	line-height: 85px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	background: #0068AF;
}
.demo1_menua ul {
}
.demo1_menua ul li {
	width: 265px;
	height: 50px;
	border-top: 1px #fff solid;
	position: relative;
}
.demo1_menua ul li a {
	display: block;
	line-height: 50px;
	text-align: center;
	color: #333333;
	font-size: 16px;
	background: #f3f3f3;
}
.demo1_menua ul li ul {
	display: none;
}
.demo1_menua ul li:hover ul {
	display: block;
	position: absolute;
	left: 265px;
	z-index: 9999;
	top: 0;
	background: #fff;
}
.demo1_menua ul li ul li {
	width: 265px;
	height: 45px;
	margin: 2px 0px;
}
.demo1_menua ul li ul li a {
	display: block;
	line-height: 45px;
	text-align: center;
	color: #333333;
	font-size: 14px;
	border-bottom: 1px #eee solid;
	background: #fff;
}
.demo1_menua a:hover {
	background: #087ED8;
	color: #fff;
	left: 0px
}
.demo1_menua a.on {
	background: #c0010b;
	color: #fff;
}
.demo1_menu ul li ul {
	position: absolute;
	left: 265px;
	z-index: 9999;
	top: 0;
	width: 250px;
	background: #eee;
	opacity: 0.95;
	border-left: 13px solid #fff;
	border: none;
	display: none;
}
.demo1_menu ul li:hover ul {
	font-weight: bold;
	display: block;
}
.demo1_menu ul li ul li {
	height: 30px;/* margin: 2px 0px; */
	border-bottom: 1px solid #ccc;
	border: none;
	display: block;
	line-height: 30px;
	background: none;
}
.demo1_menu ul li ul li a {
	display: block;
	line-height: 32px;
	text-align: left;
	color: #666 !important;
	font-size: 15px;
	border: none;
	padding: 0 10px;
	padding-left: 26px;
	font-weight: normal;
}
.demo1_menu ul li ul li a:hover {
	font-weight: bold;
}
.demo1_menu ul li ul li a:before {
	content: '';
	display: block;
	background: url(../images/cpzx-jt.png) no-repeat top 10px center;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 10px;
	background-size: 20%;
}
.demo1_menu ul li ul li:hover {
	background-color: #f0f0f0;
}
.demo1_menu ul li ul li:nth-child(1) {
	margin-top: 10px;
}
.demo1_menu ul li ul li:nth-last-child(1) {
	margin-bottom: 10px;
}
.sy_cptel {
	background: #0054b7;
	text-align: center;
	color: #fff;
	margin-top: 2px;
}
.cbgg-01-img img {
	width: 100%;
	display: block;
}
.section {
	width: 100%;
	background: #f9f9f9;
	padding-top: 50px;
	padding-bottom: 50px;
}
.sy_cptel p {
	padding-top: 15px;
	font-size: 18px;
	line-height: 30px;
}
.sy_cptel p img {
	vertical-align: middle;
	margin-right: 10px;
}
.sy_cptel span {
	display: block;
	font-size: 28px;
	font-weight: bold;
	font-family: Arial;
	padding-bottom: 20px;
	padding-top: 6px;
}
.lxwm {
	display: block;
	margin-top: 20px;
}
.lxwm img {
	float: left;
	padding-right: 15px;
}
.lxwm a {
	display: block;
	width: 122px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	background: url("../images/wzbj2.png") no-repeat center;
	float: right;
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	margin-right: 22px;
	margin-top: 10px;
}
.lxwm strong {
	display: block;
	float: left;
	font-size: 14px;
	line-height: 15px;
	height: 38px;
	font-weight: normal;
	color: #666666;
	padding-top: 8px;
}
.lxwm b {
	display: block;
	font-weight: bold;
	font-size: 24px;
	line-height: 25px;
	color: #1a1a1a;
	font-family: "Arial";
}
.lxwm a:hover {
	color: #fff;
}
.fl_a{width:1350px;color:#fff;margin:0 auto;height:30px;line-height:30px;}
.fl_a a{color:#fff;height:30px;line-height:30px;}
.fr_a{float:right;}
.fr_a i img {width:26px;padding-right:5px;}
.i-tit{ text-align: center; font-size: 36px; margin-bottom: 30px;padding-top:50px;}
.i-tit b{ color: #007ee1;}
.i-tit2{ color: #fff;}
.i-tit2 b{ color: #ffba00;}
/*index-jiazhi*/
.index-jiazhi{ background: url("../images/index-jiazhi-bg.jpg") no-repeat center/cover;height:400px;}
.index-jiazhi li{ float: left; width: 25%; text-align: center; margin-top: 20px;}
.index-jiazhi .tubiao{ display: inline-block; position: relative;
    -webkit-transition: all .5s linear;
    -moz-transition: all .5s linear;
    -ms-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;}
.index-jiazhi .icon-liubianxing{ font-size: 80px; color: #0054b7;}
.index-jiazhi .icon{ position: absolute; left: 0; top: 0; font-size: 37px; color: #fff; line-height: 80px; width: 100%;}
.index-jiazhi .icon-yuanjing{ font-size: 35px;}
.index-jiazhi .icon-shiming{ font-size: 46px;}
.index-jiazhi .icon-jingshen{ font-size: 35px;}
.index-jiazhi h3{ margin: 25px 0 5px; font-size: 24px; font-weight: 400;}
.index-jiazhi p{ font-size: 16px; line-height: 24px; color: #666;padding:8px;}
.tubiao01{background: url("../images/tubiao01.png") no-repeat center;width:80px;height:80px;margin:0 auto;display:block;	-}
.tubiao02{background: url("../images/tubiao02.png") no-repeat center;width:80px;height:80px;margin:0 auto;display:block;}
.tubiao03{background: url("../images/tubiao03.png") no-repeat center;width:80px;height:80px;margin:0 auto;display:block;}
.tubiao04{background: url("../images/tubiao04.png") no-repeat center;width:80px;height:80px;margin:0 auto;display:block;}
.index-jiazhi li:hover span{webkit-animation: rotate-scale-down 0.65s linear both;
	        animation: rotate-scale-down 0.65s linear both;}
			.index-jiazhi li:hover h3{		-webkit-animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-contract 0.8s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;}
	/* ----------------------------------------------
 * Generated by Animista on 2021-12-6 14:7:23
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-contract
 * ----------------------------------------
 */
@-webkit-keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0.2;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}
@keyframes tracking-in-contract {
  0% {
    letter-spacing: 1em;
    opacity: 0.2;
  }
  40% {
    opacity: 0.6;
  }
  100% {
    letter-spacing: normal;
    opacity: 1;
  }
}


/* ----------------------------------------------

 * Generated by Animista on 2021-12-6 13:49:15
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation rotate-scale-down
 * ----------------------------------------
 */
@-webkit-keyframes rotate-scale-down {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(0.8) rotateZ(180deg);
            transform: scale(0.8) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}
@keyframes rotate-scale-down {
  0% {
    -webkit-transform: scale(1) rotateZ(0);
            transform: scale(1) rotateZ(0);
  }
  50% {
    -webkit-transform: scale(0.8) rotateZ(180deg);
            transform: scale(0.8) rotateZ(180deg);
  }
  100% {
    -webkit-transform: scale(1) rotateZ(360deg);
            transform: scale(1) rotateZ(360deg);
  }
}

/*index-jiazhi*/
.form-group {
	width: 100%;
	margin: 0 auto;
	clear: both;
	box-sizing: border-box;
	padding: 12px;
}
.form-group label {
	float: left;
	font-size: 16px;
	line-height: 35px;
	padding-right: 10px;
	width: 80px;
}
.form-control {
	float: left;
	width: calc(100% - 90px);
	border: 1px #ddd solid;
	height: 45px;
	line-height: 45px;
	box-sizing: border-box;
	padding-left: 10px;
}
.form-control-c {
	float: left;
	width: calc(100% - 90px);
	border: 1px #ddd solid;
	height: 133px;
	line-height: 45px;
	box-sizing: border-box;
	padding-left: 10px;
}
button.form-sub {
	width: 100%;
	margin: 0 auto;
	clear: both;
}
.form-sub {
	height: 40px;
	color: #fff;
	background: #0054b7;
	border: none;
}
.form-control-y {
	float: left;
	width: 100px;
	border: 1px #ddd solid;
	height: 30px;
	line-height: 30px;
}